<template>
  <Row :gutter="24" class="dashboard-console-grid">
    <!-- <Col v-bind="grid" class="ivu-mb">
    <Card :bordered="false">
      <a href="javascript:void(0)">
        <Icon type="md-people" color="#69c0ff" />
        <p>用户权限</p>
      </a>
    </Card>
    </Col> -->
    <Col v-bind="grid" class="ivu-mb">
    <Card :bordered="false">
      <a href="javascript:void(0)">
        <Icon type="md-cart" color="#ff9c6e" />
        <p>名单状态</p>
      </a>
    </Card>
    </Col>
    <Col v-bind="grid" class="ivu-mb">
    <Card :bordered="false">
      <a href="javascript:void(0)">
        <Icon type="md-clipboard" color="#b37feb" />
        <p>名单管理</p>
      </a>
    </Card>
    </Col>
    <Col v-bind="grid" class="ivu-mb">
    <Card :bordered="false">
      <a href="javascript:void(0)">
        <Icon type="md-card" color="#ffd666" />
        <p>全局搜索</p>
      </a>
    </Card>
    </Col>
    <Col v-bind="grid" class="ivu-mb">
    <Card :bordered="false">
      <a href="javascript:void(0)">
        <Icon type="md-mail" color="#5cdbd3" />
        <p>重要提醒</p>
      </a>
    </Card>
    </Col>
    <Col v-bind="grid" class="ivu-mb">
    <Card :bordered="false">
      <a href="javascript:void(0)">
        <Icon type="md-podium" color="#95de64" />
        <p>关键指标</p>
      </a>
    </Card>
    </Col>
    <Col v-bind="grid" class="ivu-mb">
    <Card :bordered="false">
      <a href="javascript:void(0)">
        <Icon type="md-pricetags" color="#ff85c0" />
        <p>银行产品</p>
      </a>
    </Card>
    </Col>
    <!-- <Col v-bind="grid" class="ivu-mb">
    <Card :bordered="false">
      <a href="javascript:void(0)">
        <Icon type="md-switch" color="#ffc069" />
        <p>供应商</p>
      </a>
    </Card>
    </Col> -->
  </Row>
</template>
<script>
export default {
  data() {
    return {
      grid: {
        xl: 4,
        lg: 4,
        md: 4,
        sm: 4,
        xs: 4
      }
    }
  }
}
</script>
<style lang="less">
.dashboard-console-grid {
  text-align: center;

  .ivu-card-body {
    padding: 0;
  }

  i {
    font-size: 32px;
  }

  a {
    display: block;
    color: inherit;
    padding: 16px;
  }

  p {
    margin-top: 8px;
  }
}
</style>
